<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数传参</title>

    <style>
    #div1{
        width:200px;height:200px;background:red;
    }
    </style>
    <script>
        function setColor (color){
            var oDiv=document.getElementById('div1');
            oDiv.style.background=color;
        }
    </script>
</head>

<body>
<input type="button" value="变绿" onclick="setColor('green')">
<input type="button" value="变黄" onclick="setColor('yellow')">
<input type="button" value="变黑" onclick="setColor('black')">

 <div id="div1"></div>
</body>
</html>
<!--改变背景颜色-->
<!--函数传参：参数就是占位符-->
<!--什么时候用传参--函数里定不下来的东西-->
<!--改变Div的任意样式-->